<template>
  <div id="orders" :class="styleTypeClass" :style="{width,height:'100%'}">
    <!-- 默认样式-->
    <template>
      <div class="mt-3" style="height:95%">
        <EchartsIndex :options="options"/>
      </div>
    </template>
  </div>
</template>

<script>
import mixin from '../mixin/index'
import mixinEcharts  from '../mixin/echarts'
export default {
  name: "Orders",
  mixins: [mixin,mixinEcharts],
  components: {},
  data(){
    return {
      options: {
        grid: {
          top: 20,
          left: '3%',
          right: '4%',
          bottom: '0%',
          containLabel: true
        },
        xAxis: {
          type: 'category',
          data: ['绿城', '书香', '金港', '豪城', '翠湖', '新合', '瑞园']
        },
        yAxis: {
          type: 'value'
        },
        series: [
          {
            data: [4463000, 3510320, 823202, 1532156, 5621532, 2365234, 762312],
            type: 'bar'
          },
          // {
          //   data: [120, 200, 150, 80, 70, 110, 130],
          //   type: 'bar'
          // }
        ]
      }
    }
  },
  props:{},
  computed:{}
}
</script>

<style lang="scss" scoped>
@import '@/styles/datav/infoPlatform.scss';
</style>
